<template>
  <div class="auto app-text" style="margin-top: 5px;" v-for="item in data" @click="inputMeter(item)">
    <div class="panel panel-info" style="padding: 10px 10px 5px 10px;">
      <div class="panel-body" style="border-radius: 5%;background-color: #F2F6FA;">
        <div class="row">
          <p class="panel-title col-xs-4 text-left">户编号</p>
          <p class="panel-title col-xs-8 text-right">{{ item.f_userinfo_id }}</p>
        </div>
        <div class="row">
          <p class="panel-title col-xs-4 text-left">户姓名</p>
          <p class="panel-title col-xs-8 text-right">{{ item.f_user_name }}</p>
        </div>
        <div class="row" style="!important;font-size: 10px;">
          <p class="panel-title col-xs-4 text-left">户地址</p>
          <p class="panel-title col-xs-8 text-right">{{ item.f_address }}</p>
        </div>
        <div class="row">
          <p class="panel-title col-xs-4 text-left">户电话</p>
          <p class="panel-title col-xs-8 text-right">{{ item.f_user_phone }}</p>
        </div>
        <div class="row">
          <p class="panel-title col-xs-4 text-left">表号</p>
          <p class="panel-title col-xs-8 text-right">{{ item.f_meternumber }}</p>
        </div>
        <div class="row">
          <p class="panel-title col-xs-4 text-left">下发时间</p>
          <p class="panel-title col-xs-8 text-right">{{ item.f_hand_date }}</p>
        </div>
        <!-- <div class="row">
          <p class="panel-title col-xs-4 text-left">上期用量</p>
          <p class="panel-title col-xs-8 text-right">{{ item.f_oughtamount }}</p>
        </div> -->
        <div class="row">
          <p class="panel-title col-xs-4 text-left">上期底数</p>
          <p class="panel-title col-xs-8 text-right">{{ item.f_last_tablebase }}</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    title: '抄表单信息',
    data () {
      return {}
    },
    props: {
      data: {
        type: Array,
        default: function () {
          return []
        }
      }
    },
    methods: {
      inputMeter (param) {
        this.$dispatch('select', param)
      }
    }
  }
</script>
<style>
  .app-text {
    font-size: 12px;
  }
</style>
